@media screen and (max-width: 767px) {
  .container {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .container {
    width: 850px ;
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: 970px ;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 1170px ;
  }
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 0px;
  padding-left: 0px;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 0px;
  padding-left: 0px;
  border-radius: 0px;
}
.jumbotron {
  padding-top: 0px;
  padding-bottom: 0px;
}
.jumbotron {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  color: inherit;
  background-color: #eee;
}
.certain {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  margin-top: -20%;
  margin-left: 16%;
}
.certain h1 {
  padding-left: 20%;
}
.top {
  display: flex;
  margin-top: 10%;
  padding-left: 21%;
  font-size: 20px;
  color: #00A862;
}
.wtop {
  display: flex;
  padding-left: 15%;
  font-size: 20px;
}
.two {
  margin-left: 5%;
}
.there {
  margin-left: 8%;
}
.wentop {
  width: 100%;
  height: 20%;
  color: #ffffff;
  text-align: center;
  padding-top: 1px;
  background-color: #00A862;
}
.wenbutton {
  background-color: #ffffff;
  font-size: 20px;
  padding: 8%;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #f8f8f8;
}
.wm {
  background-color: #e7e7e7;
}
